<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易云音乐</title>
    <link rel="stylesheet" href="./css.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <!-- 上头部 -->
        <div class="header-1">
            <div class="header-1-1">
                <div class="logo"></div>
                <div class="tags">
                    <div class="tag tag-1">发现音乐</div>
                    <div class="tag tag-2">我的音乐</div>
                    <div class="tag tag-3">关注</div>
                    <div class="tag tag-4">商城</div>
                    <div class="tag tag-5">音乐人</div>
                    <div class="tag tag-6">云推歌</div>
                    <div class="tag tag-7">下载客户端</div>
                </div>
                <div class="search">
                    <input type="text" value="音乐/视频/电台/用户">
                </div>
                <div class="b1">创作者中心</div>
                <div class="login">登录</div>
            </div>
        </div>
        <!-- 下头部 -->
        <div class="header-2">
            <div class="header-2-1">
                <div class="header-2-1-all"><span>推荐</span></div>
                <div class="header-2-1-all"><span>排行榜</span></div>
                <div class="header-2-1-all"><span>歌单</span></div>
                <div class="header-2-1-all"><span>主播电台</span></div>
                <div class="header-2-1-all"><span>歌手</span></div>
                <div class="header-2-1-all"><span>新碟上架</span></div>
            </div>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="carsoule"></div>
    <!-- 下半 -->
    <div class="part">
        <!-- 左半 -->
        <div class="part-1">
            <div class="part-1-all">
                <div class="title">
                    <span>热门推荐</span>
                    <div>
                        <span>华语</span>
                        <span>流行</span>
                        <span>摇滚</span>
                        <span>民谣</span>
                        <span>电子</span>
                    </div>
                    <div class="more">更多</div>
                </div>
                <div class="part-1-1">
                    <div class="part-1-1-all">
                        <div class="part-1-1-all-1"></div>
                        <div class="part-1-1-all-2">节奏控|那些超带感的英文歌</div>
                    </div>
                    <div class="part-1-1-all">
                        <div class="part-1-1-all-1"></div>
                        <div class="part-1-1-all-2">节奏控|那些超带感的英文歌</div>
                    </div>
                    <div class="part-1-1-all">
                        <div class="part-1-1-all-1"></div>
                        <div class="part-1-1-all-2">节奏控|那些超带感的英文歌</div>
                    </div>
                    <div class="part-1-1-all">
                        <div class="part-1-1-all-1"></div>
                        <div class="part-1-1-all-2">节奏控|那些超带感的英文歌</div>
                    </div>
                    <div class="part-1-1-all">
                        <div class="part-1-1-all-1"></div>
                        <div class="part-1-1-all-2">节奏控|那些超带感的英文歌</div>
                    </div>
                    <div class="part-1-1-all">
                        <div class="part-1-1-all-1"></div>
                        <div class="part-1-1-all-2">节奏控|那些超带感的英文歌</div>
                    </div>
                    <div class="part-1-1-all">
                        <div class="part-1-1-all-1"></div>
                        <div class="part-1-1-all-2">节奏控|那些超带感的英文歌</div>
                    </div>
                    <div class="part-1-1-all">
                        <div class="part-1-1-all-1"></div>
                        <div class="part-1-1-all-2">节奏控|那些超带感的英文歌</div>
                    </div>
                </div>
                <div class="title">
                    <span>新碟上架</span>
                    <div class="more">更多</div>
                </div>
                <div class="part-1-2">
                    <div class="left"><</div>
                    <div class="part-1-2-all">
                        <div class="part-1-2-all-1"></div>
                        <div class="part-1-2-all-2">Sio 24</div>
                        <div class="part-1-2-all-3">西奥sio</div>
                    </div>
                    <div class="part-1-2-all">
                        <div class="part-1-2-all-1"></div>
                        <div class="part-1-2-all-2">Sio 24</div>
                        <div class="part-1-2-all-3">西奥sio</div>
                    </div>
                    <div class="part-1-2-all">
                        <div class="part-1-2-all-1"></div>
                        <div class="part-1-2-all-2">Sio 24</div>
                        <div class="part-1-2-all-3">西奥sio</div>
                    </div>
                    <div class="part-1-2-all">
                        <div class="part-1-2-all-1"></div>
                        <div class="part-1-2-all-2">Sio 24</div>
                        <div class="part-1-2-all-3">西奥sio</div>
                    </div>
                    <div class="part-1-2-all">
                        <div class="part-1-2-all-1"></div>
                        <div class="part-1-2-all-2">Sio 24</div>
                        <div class="part-1-2-all-3">西奥sio</div>
                    </div>
                    <div class="right">></div>
                </div>
                <div class="title">
                    <span>榜单</span>
                    <div class="more">更多</div>
                </div>
                <div class="part-1-3">
                    <div class="part-1-3-all">
                        <div class="part-1-3-1-1"></div>
                        <div class="part-1-3-all-2">
                            <div>
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div class="n2">
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div>
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div class="n2">
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div> <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span></div>
                            <div class="n2">
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div>
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div class="n2">
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div>
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div class="n2">
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                        </div>
                    </div>
                    <div class="part-1-3-all">
                        <div class="part-1-3-2-1"></div>
                        <div class="part-1-3-all-2">
                            <div>
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div class="n2">
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div>
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div class="n2">
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div>
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div class="n2">
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div>
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div class="n2">
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div>
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div class="n2">
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                        </div>
                    </div>
                    <div class="part-1-3-all">
                        <div class="part-1-3-3-1"></div>
                        <div class="part-1-3-all-2">
                            <div>
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div class="n2">
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div>
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div class="n2">
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div>
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div class="n2">
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div>
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div class="n2">
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div>
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                            <div class="n2">
                                <span class="num">1</span>
                                <span class="content">天下的乌鸦一般黑</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 右半 -->
        <div class="part-2">
            <div class="part-2-1">
                <br>
                <div class="part-2-1-1">登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机</div>
                <div class="part-2-1-2">用户登录</div>
            </div>
            <div class="part-2-2">
                <div class="part-2-2-1">
                    <div class="part-2-2-1-1">入驻歌手</div>
                    <div class="part-2-2-1-2">查看全部></div>
                </div>
                <div class="part-2-2-2">
                    <div class="part-2-2-2-all"></div>
                    <div class="part-2-2-2-all"></div>
                    <div class="part-2-2-2-all"></div>
                    <div class="part-2-2-2-all"></div>
                    <div class="part-2-2-2-all"></div>
                </div>
                <div class="part-2-2-3">申请成为网易音乐人</div>
            </div>
            <div class="part-2-2">
                <div class="part-2-2-1">
                    <div class="part-2-2-1-1">热门主播</div>
                </div>
                <div class="part-2-2-2">
                    <div class="part-2-2-2-all"></div>
                    <div class="part-2-2-2-all"></div>
                    <div class="part-2-2-2-all"></div>
                    <div class="part-2-2-2-all"></div>
                    <div class="part-2-2-2-all"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="footer-1"></div>
    </div>
</body>
</html>